$(function(){

    //二级菜单
    $("#banner .category li").mouseenter(function(){
        $(this).find("P").addClass("active_p")
        $(this).find("div").addClass("active_div")
    })
    $("#banner .category li").mouseleave(function(){
        $(this).find("P").removeClass("active_p")
        $(this).find("div").removeClass("active_div")
        
    })


     //主轮播图
     $("#bannerInner").tyslide({
        boxh: 400,//盒子的高度
        w: 1000,//盒子的宽度
        h: 370,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 10,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
      });
      
      //封装一个轮播图函数
      function my_slider(jq_obj,box_h=342,box_w=429,img_h=342,an_w=14,an_h=2,an_radius=0,siblings_color="#fff",this_color="red"){
          jq_obj.tyslide({
          boxh: box_h,//盒子的高度
          w: box_w,//盒子的宽度
          h: img_h,//图片的高度
          isShow: true,//是否显示控制器
          isShowBtn: true,//是否显示左右按钮
          controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
          controlsW: an_w,//控制按钮宽度
          controlsH: an_h,//控制按钮高度
          radius: an_radius,//控制按钮圆角度数
          controlsColor: siblings_color,//普通控制按钮的颜色
          controlsCurrentColor: this_color,//当前控制按钮的颜色
          isShowNum: false //是否显示数字
              });
      }
        // 主轮播图
        my_slider($(".ebook_l .pptbox"),400,1000,370,20,20,10,"#d7d7d7","#ff6600")
        //电子书的轮播图
        my_slider($(".ebook_l .pptbox"),220,330,220)
        //服装区的轮播图
        my_slider($("#clothing .pptbox"),342,429,342)


         //封装tab切换函数
         function my_tab_change(even_obj,tab_li,hz_box,hz_name){
            even_obj.mouseenter(function(){
            $(this).addClass(tab_li).siblings().removeClass(tab_li)
            let index=$(this).index()
           hz_box.eq(index).addClass(hz_name).siblings().removeClass(hz_name)
            })
        }
        //电子书的tab切换
        my_tab_change($("#ebook .ebook_left .ebook_left_top li"),"active",$("#ebook .ebook_left .ebook_l"),"show")
        //服装区域的tab切换
        my_tab_change($(".fz .clothing_con .clothing_top ul li"),"cl_1",$(".fz .clothing_con"),"imgs_6")
        //户外运动的tab切换
        my_tab_change($(".sports .clothing_con .clothing_top ul li"),"cl_1",$(".sports .clothing_con"),"imgs_6")
        //童装区域的tab切换
        my_tab_change($(".chlid .clothing_con .clothing_top ul li"),"cl_1",$(".chlid .clothing_con"),"imgs_6")


//头部搜索框

    $(window).scroll(function(){
        let stT0= $(this).scrollTop()
        if(stT0>300){
            $("#fixedHeader").show()
        }
        else{
            $("#fixedHeader").hide()
        }
     })

         //电子书手风琴
         $("#ebook .ebook_right ul li").mouseenter(function(){
            $(this).find("h3").addClass("tit_hide")
            $(this).find("div").addClass("book_show")
    
            $(this).siblings().find("h3").removeClass("tit_hide")
            $(this).siblings().find("div").removeClass("book_show")
        
        })


        let bgcArr=["red","#f60","green","blue","pink"]
    $("#floorBox ul li").hover(function(){
        //这个函数做移入的
        $(this).css("width",80)
        let index=$(this).index()
        $(this).css("backgroundColor",bgcArr[index])
    },function(){
        //这个函数做移出的
        $(this).css("width",'')
        //$(this).css("background",'') ''表示用默认值
        $(this).css("background",'')
    })

    $("#floorBox ul li").click(function(){
        let index=$(this).index();

        //找楼层 主要是为了获取 楼层到 底部的距离(重点 获取位置)
        let sTop=$(".floor").eq(index).offset().top
        // 滚动到 sTop:如何到 哪里 照着下面抄
        $("html,body").animate({"scrollTop":sTop},1500)
    })
    })
    